<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
</head>
<body>

    <!-- div标签（dom） -->
    <div class="box"></div>

    <script>
        // 获取div标签
        var ele = document.querySelector(".box");
        // 打印div标签
        console.log(ele);//  <div class="box"></div>
        console.log(typeof ele);// object
        // 展开div标签(dom对象)
        // console.dir(ele);


        // 声明变量
        // var aaa = "你好，世界！";
        // console.log(aaa);// "你好，世界！"

        // 添加属性
        ele.aaa = "你好，abc！";
        ele.msg = "自古深情留不住,唯有套路得人心";
        ele.num = 100;
        console.log(ele.aaa);// "你好，abc！"
        console.log(ele.msg);// "自古深情留不住,唯有套路得人心"
        console.log(ele.num);// 100
        console.dir(ele);

        // 添加方法
        ele.foo = function(){
            console.log("这是一个方法！");
        }
        ele.foo();





        // 定义对象
        // var obj = {}
        // 添加属性
        // obj.aaa = "hello world";
        // console.log(obj.aaa);// hello world


    </script>
</body>
</html>